<!doctype html>
<html lang="zh-CN">

<head>
    <title>Platform among CAAC MOU Partners for China-Made Aircraft</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="shortcut icon" type="image/x-ico" href="favicon.ico" />
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="en/css/bootstrap.min.css">
    <link rel="stylesheet" href="en/css/all.min.css">
    <link rel="stylesheet" href="en/css/style.min.css">
    <script src="js/vue.min.js"></script>
    <script src="js/jquery-3.3.1.min.js"></script>
    <style>
                        
        .textsuo{
            
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 5;
            overflow: hidden;
        }
        
        .textsuo p{
            margin-bottom: 0px;
        }
        
    </style>
    
</head>

<body>
    <div class="flex-container">
        <nav class="nav top-nav">
            <div class="container">
                <div class="row">
                    #include("language.html")
                </div>
            </div>
        </nav>
        <header class="masthead mb-auto">
            <div class="inner logo">
                <div class="webtitle">
                    <div class="title-h3 masthead-brand">国产飞机运营伙伴当局信息系统</div>
                    <div class="title-h4">Platform among CAAC MOU Partners for China-Made Aircraft</div>
                </div>
                
                #include("mainnav_en.html")
                
                <div class="search-form">
                    #include("searchhead.html")
                </div>
            </div>
            #include("menu_en.html")
           
        </header>
        <div class="container">
            <a href="/partnershipauthorities/index?language=en">
            <div class="partner-title olfont">CAAC MOU Partner Authorities<span></span></div>
            </a>
            
            <div class="row partner carousel slide carousel-vertical" id="slides" data-ride="carousel">
            <div class="carousel-inner">
                
                
                #partnershipauthoritiesList(pageSize=20)
                #set(totalPage = partnershipauthoritiesList.totalPage)
                #end
                
                #for(x:[1..totalPage])
                
                <div class="carousel-item #if(for.index==0) active #end">
                    <div class="col-md-12 col-lg-12 col-sm-12">
                        #partnershipauthoritiesList(pageSize=20,page=x)
                        #for(entity:partnershipauthoritiesList.list)
                        <div class="country">
                            <a href="/partnershipauthorities/index?language=en&psid=#(entity.id)">
                                <div class="img" style="background: url(#(entity.image))center center;background-size: 120%;">
                                </div>
                                <title>#(entity.country_name_en??)</title>
                            </a>
                        </div>
                        #end
                        #end
                    </div>
                </div>
                
                #end
                
                
                <a class="carousel-control-prev" href="#slides" data-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                </a>
                <a class="carousel-control-next" href="#slides" data-slide="next">
                    <span class="carousel-control-next-icon"></span>
                </a>
            </div>      

        </div>
            
            <div class="row list">
                <div class="col-md-6 col-lg-6 col-sm-12">
                    <a id="jgjs" href="/partnershipauthorities/index?language=en&psid=#partnershipauthoritiesList()#for(entity :partnershipauthoritiesList.list)#(entity.id)#break#end#end">
                    <div class="list-title olfont">
                        Partner Authority Introduction
                        <span></span>
                    </div>
                    </a>
                    #partnershipauthoritiesList(pageSize=200)
                    <div class="dropdown">
                        #for(entity :partnershipauthoritiesList.list)
                            <a href="javascript:getPartnerAuthorityIntroduction(#(entity.id));" class="dropdown-toggle" data-toggle="dropdown" id="CAACtitle">#(entity.country_name_en ??)</a>
                            #break
                        #end
                        <div class="dropdown-menu">
                            #for(entity :partnershipauthoritiesList.list)
                                <a class="dropdown-item" href="javascript:getPartnerAuthorityIntroduction(#(entity.id),'#(entity.country_name_en ??)');">#(entity.country_name_en ??)</a>
                            #end
                        </div>
                    </div>
                    <div id="CAAC" class="textsuo">
                        #for(entity :partnershipauthoritiesList.list)
                        #partnershipauthorities(id=entity.id)
                            #(entity.content_simple_en ??)
                            #break
                        #end
                        #end
                    </div>
                    #end
                    
                </div>
                <div class="col-md-6 col-lg-6 col-sm-12">
                    <a id="lxfs" href="/partnershipauthorities/index?language=en&psid=#partnershipauthoritiesList()#for(entity :partnershipauthoritiesList.list)#(entity.id)#break#end#end">
                    <div class="list-title olfont">
                        Contact Partner Authority
                        <span></span>
                    </div>
                    </a>
                    #partnershipauthoritiesList(pageSize=200)
                    <div class="dropdown">
                        
                        #for(entity :partnershipauthoritiesList.list)
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="CPAtitle">#(entity.country_name_en ??)</a>
                            #break
                        #end
                        
                        <div class="dropdown-menu dropdown-menu-right">
                            
                            #for(entity :partnershipauthoritiesList.list)
                                <a class="dropdown-item" href="javascript:getContactPartnerAuthority(#(entity.id),'#(entity.country_name_en ??)')">#(entity.country_name_en ??)</a>
                            #end
                            
                        </div>
                    </div>
                    <div id="CPA" class="textsuo">
                        #for(entity :partnershipauthoritiesList.list)
                        #partnershipauthorities(id=entity.id)
                            #(entity.contact_information_simple_en ??)
                            #break
                        #end
                        #end
                    </div>
                    #end
                </div>
            </div>
            <div class="row list">
                <div class="col-md-6 col-lg-6 col-sm-12">
                    <a id="zcfg" href="/policiesregulations/index?language=en&psid=#partnershipauthoritiesList()#for(entity :partnershipauthoritiesList.list)#(entity.id)#break#end#end">
                    <div class="list-title olfont">
                        Regulations & Policies
                        <span></span>
                    </div>
                    </a>
                    #partnershipauthoritiesList(pageSize=200)
                    <div class="dropdown">
                        
                        #for(entity :partnershipauthoritiesList.list)
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="RPtitle">#(entity.country_name_en ??)</a>
                            #break
                        #end
                        
                        <div class="dropdown-menu">
                            
                            #for(entity :partnershipauthoritiesList.list)
                                <a class="dropdown-item" href="javascript:getRegulationsPolicies(#(entity.id),'#(entity.country_name_en ??)');">#(entity.country_name_en ??)</a>
                            #end
                            
                        </div>
                    </div>
                    #end
                    
                    <ul id="RP">
                        #policiesregulations(pageSize=8)
                        #for(entity:policiesregulations.list)
                        <li>
                            <span>#date(entity.create_time, "dd-MM-yyyy")</span>
                            <a href="#(entity.enclosure ??) " target="_blank">
                                #(entity.title_en ??)
                            </a>
                        </li>
                        #end
                        #end
                    </ul>
                </div>
                <div class="col-md-6 col-lg-6 col-sm-12">
                    <div class="nav tabs">
                    <a id="ashzl" href="/airworthiness/index?language=en&model=#articleMetaList(id=2)#(values[0])#end"  class="active" onmouseover="showhide(this,'tab0','tab1','afutg');">
                        <div class="list-title2 olfont">
                            Airworthiness Directives
                            <span></span>
                        </div>
                    </a>
                    
                    <a id="afutg" href="/servicebulletins/index?model=#articleMetaList(id=2)#(values[0])#end&language=en"  onmouseover="showhide(this,'tab1','tab0','ashzl');" >
                        <div class="list-title2 olfont">
                            Service Bulletins
                            <span></span>
                        </div>
                    </a>
                    </div>
                    <div class="dropdown">
                        #articleMetaList(id=2)
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="AWtitle">
                            #(values[0])
                        </a>
                        <div class="dropdown-menu dropdown-menu-right">
                            #for(s:values)
                            <a class="dropdown-item" href="javascript:getAirworthiness('#(s)');">#(s)</a>
                            #end
                        </div>
                        #end
                    </div>
                    <div class="tab-content">
                    <ul id="tab0">
                        #airworthinessList(pageSize=8)
                        #for(entity:airworthinessList.list)
                        <li>
                            <span>#date(entity.effective_date, "dd-MM-yyyy")</span>
                            <a href="#(entity.reference_documents)?language=en&fslug=适航指令&ftitle=适航指令" target="_blank">
                                #(entity.title_en ??)
                            </a>
                        </li>
                        #end
                        #end
                    </ul>
                    #if(USER)
                    <ul id="tab1">
                        #ServiceBulletinsList(pageSize=8,userid=USER.id)
                        #for(entity:ServiceBulletinsList.list)
                        <li>
                            <span>#date(entity.release_date, "dd-MM-yyyy")</span>
                            <a href="#(entity.enclosure)" target="_blank" >
                                #(entity.title_en ??)
                            </a>
                        </li>
                        #end
                        #end
                    </ul>
                    <script>$("#tab1").hide();</script>
                    #else
                    <div>
                        visible after login
                    </div>
                    #end
                    </div>
                </div>
            </div>
            <div class="row list">
                <div class="col-md-6 col-lg-6 col-sm-12">
                    <a id="zywtjcl" href="/article/category/主要问题及处理?language=en&c_categoryId=31&c_tagid=43&fieldName=aircraftmodel&value=#articleMetaList(id=2)#(values[0])#end">
                    <div class="list-title olfont">
                        Typical Problems & Solutions
                        <span></span>
                    </div>
                    </a>
                    <div class="dropdown">
                        #articleMetaList(id=2)
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="TPStitle">
                            #(values[0])
                        </a>
                        <div class="dropdown-menu">
                            #for(s:values)
                            <a class="dropdown-item" href="javascript:getTPS('#(s)');">#(s)</a>
                            #end
                        </div>
                        #end
                    </div>
                    <ul id="TPS">
                       
                        #ArticleEnhancePage(pageSize=8,categoryId=31,tagid=44)
                        #for(entity:ArticleEnhancePage.list)
                        <li>
                            <span>#date(entity.modified, "dd-MM-yyyy")</span>
                            <a href="#(entity.url)?fslug=主要问题以处理&ftitle=主要问题及处理,Typical Problems & Solutions">
                                #(entity.title ??)
                            </a>
                        </li>
                        #end
                        #end
                        
                    </ul>
                </div>
                <div class="col-md-6 col-lg-6 col-sm-12">
                    <div class="nav tabs">
                    <a id="axw" href="/article/category/新闻?language=en" class="active" onmouseover="showhide(this,'tab2','tab3','awxwf');">
                    <div class="list-title2 olfont">
                        News
                        <span></span>
                    </div>
                    </a>
                    <a id="awxwf" href="/article/category/维修服务?language=en " onmouseover="showhide(this,'tab3','tab2','axw');" >
                        <div class="list-title2 olfont">
                            Maintenance Services
                            <span></span>
                        </div>
                    </a>
                    </div>
                    <div class="tab-content">
                    <ul id="tab2">
                        #ArticleEnhancePage(pageSize=8,categoryId=33,tagid=44)
                        #for(entity:ArticleEnhancePage.list)
                        <li>
                            <span>#date(entity.modified, "dd-MM-yyyy")</span>
                            <a href="#(entity.url)?fslug=新闻,News&ftitle=新闻,News">
                                #(entity.title ??)
                            </a>
                        </li>
                        #end
                        #end
                    </ul>
                    <ul id="tab3">
                        #ArticleEnhancePage(pageSize=8,categoryId=32,tagid=44)
                        #for(entity:ArticleEnhancePage.list)
                        <li>
                            <span>#date(entity.modified, "dd-MM-yyyy")</span>
                            <a href="#(entity.url)?language=en&fslug=维修服务&ftitle=维修服务">
                                #(entity.title ??)
                            </a>
                        </li>
                        #end
                        #end
                    </ul>
                    <script>$("#tab3").hide();</script>
                    </div>
                </div>

            </div>
            <div class="row list">
                <div class="col-md-6 col-lg-6 col-sm-12">
                    <a href="/securityinformationmfdr/index?language=en">
                    <div class="list-title olfont">
                        Safety Information Report
                        <span></span>
                    </div>
                    </a>
                    <!--<div class="dropdown">-->
                    <!--    #articleMetaList(id=2)-->
                    <!--    <a href="#" class="dropdown-toggle" data-toggle="dropdown">-->
                    <!--        #(values[0])-->
                    <!--    </a>-->
                    <!--    <div class="dropdown-menu">-->
                    <!--        #for(s:values)-->
                    <!--        <a class="dropdown-item" href="#">#(s)</a>-->
                    <!--        #end-->
                    <!--    </div>-->
                    <!--    #end-->
                    <!--</div>-->
                    <ul>
                        #ArticleEnhancePage(pageSize=8,categoryId=38,tagid=44)
                        #for(entity:ArticleEnhancePage.list)
                        <li>
                            <span>#date(entity.modified, "dd-MM-yyyy")</span>
                            <a href="#(entity.url)&fslug=安全信息&ftitle=安全信息">
                                #(entity.title ??)
                            </a>
                        </li>
                        #end
                        #end
                    </ul>
                </div>
                <div class="col-md-6 col-lg-6 col-sm-12">
                    <a href = "/interactList/index?language=en">
                     <div class="list-title olfont">
                        Message Board
                        <span></span>
                    </div>
                    </a>
                    
                    #if(USER)
                    <ul>
                        
                        #interactList(pageSize=8)
                        #for(entity:interactList.list)
                        <li>
                            <span>#date(entity.modified, "dd-MM-yyyy")</span>
                            <a href="/interactCommentList?interact_id=#(entity.id)&language=en">
                                #(entity.title ??)
                            </a>
                        </li>
                        #end
                        #end
                        
                    </ul>
                    #else
                    <div>Visible after login</div>
                    #end
                </div>
            </div>
        </div>
    </div>
#include("bottom.html")
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
        
        var obj = {
          foo: 'bar'
        }
        
        Object.freeze(obj)
        
        new Vue({
          el: '#app',
          data: obj
        })
        
    </script>
    
    <script>
        
        function getPartnerAuthorityIntroduction(id,title){
            var url = "/partnershipauthorities/contentjson";
            var data ={id:id}
            $.post(url,data,function(e){
                var entity = e.partnershipauthorities;
                $("#CAAC").html(entity.CONTENT_EN)
                $("#CAACtitle").html(title)
            });
            
            $("#jgjs").attr("href","/partnershipauthorities/index?language=en&psid="+id)
            
        }
        
        function getContactPartnerAuthority(id,title){
            var url = "/partnershipauthorities/contentjson";
            var data ={id:id}
            $.post(url,data,function(e){
                var entity = e.partnershipauthorities;
                $("#CPA").html(entity.CONTACT_INFORMATION_EN)
                $("#CPAtitle").html(title)
            });
            
            $("#lxfs").attr("href","/partnershipauthorities/index?language=en&psid="+id);
        }
        
        
        function getRegulationsPolicies(id,title){
            var url = "/policiesregulations/getjson";
            var data ={countryid:id}
            
            
            $.post(url,data,function(e){
                
                var lis = "";
                
                var datas = e.policiesregulationsLisrt;
                
                
                for(var a=0;a<datas.length;a++){
                    
                var enclosure = "#"
                    
                if(datas[a].ENCLOSURE != undefined){
                    enclosure = datas[a].ENCLOSURE;
                }
                
                var date = datas[a].CREATE_TIME;
                var time = date.split(" ")[0].split("-");
                lis += "<li>"+
                        "<span>"+ time[2]+"-"+time[1]+"-"+time[0] +"</span>"+
                        "<a href='"+ enclosure +"'>"+
                            datas[a].TITLE_EN+
                        "</a>"+
                      "</li>"
                    
                }
                
                $("#RP").html(lis);
                $("#RPtitle").html(title);   
            });
            
            $("#zcfg").attr("href","/policiesregulations/index?language=en&countryid="+id);
        }
        
        function getAirworthiness (model){
            
            var url = "/airworthiness/getjson";
            var data ={model:model}
            $.post(url,data,function(e){
                
                console.log(e);
                
                var datas = e.airworthinessList;
                var lis = "";
                
                for(var a=0;a<datas.length;a++){
                    
                    var reference_documents = "#"
                        
                    if(datas[a].REFERENCE_DOCUMENTS != undefined){
                        reference_documents = datas[a].REFERENCE_DOCUMENTS;
                    }
                    console.log(datas[a]);
                    var date = datas[a].EFFECTIVE_DATE;
                    var time = date.split(" ")[0].split("-");
                    
                    lis += "<li>"+
                            "<span>"+ time[2]+"-"+time[1]+"-"+time[0] +"</span>"+
                            "<a href='"+ reference_documents +"'>"+
                                datas[a].TITLE_EN+
                            "</a>"+
                          "</li>"
                    
                }
                
                $("#tab0").html(lis)
                $("#AWtitle").html(model)
                
            });
            
        }
        
        function getTPS(model){
            
            var url = "/airwothinessstrengthen/getarticledata";
            var data ={
                model:model,
                categoryid:31,
                tagid:44
                
            }
            $.post(url,data,function(e){
                
                var datas = e.articledata;
                var lis = "";
                
                for(var a=0;a<datas.length;a++){
                    var date = datas[a].MODIFIED;
                    console.log(datas[a]);
                    
                    var time = date.split(" ")[0].split("-");
                    lis += "<li>"+
                             "<span>"+ time[2]+"-"+time[1]+"-"+time[0] +"</span>"+
                             "<a href='/article/"+ datas[a].ID +"?language=en&fslug=主要问题及处理&ftitle=主要问题及处理,Typical Problems & Solutions'>"+
                                 datas[a].TITLE+
                             "</a>"+
                           "</li>"
                }
                
                $("#TPS").html(lis)
                $("#TPStitle").html(model)
                
            });
            
            $("#zywtjcl").attr("href","/article/category/主要问题及处理?language=en&c_categoryId=31&c_tagid=43&fieldName=aircraftmodel&value="+model);
            
        }
        
        //隐藏与显示
        function showhide(t,sid,hid,a){
            
            $("#"+sid).show();
            $("#"+hid).hide();
            $("#"+a).attr("class","");
            $(t).attr("class","active");
            
        }
        
    </script>
    
</body>

</html>